<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>平台风采-小滴服务</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <style>
        hr{margin: 15px 30px;}
        .article{padding: 0 20px;}
        .article h1{font-size: 24px;font-weight: normal;margin-bottom: 15px;}
        .article p{margin-bottom: 20px;}
    </style>
</head>
<body>
    <header>平台风采</header>
    <!-- banner 条幅 -->
     <a href="#" class="banner">
        <img src="./imgs/pintai-banner.png" alt="">
     </a>
     <hr>
     <div class="article">
        <h1>孙卓已到南京工业大学报到</h1>
        <p>本文转自【九派新闻】；</p>
        <p>9月7日，孙卓晒出赴南京工业大学报到、与父母、姐姐在校园打卡的合照，发文称“九月微风轻拂，来到梦开始的地方”。</p>
        <p>本文转自【九派新闻】；</p>
        <p>9月7日，孙卓晒出赴南京工业大学报到、与父母、姐姐在校园打卡的合照，发文称“九月微风轻拂，来到梦开始的地方”。</p>
        <p>本文转自【九派新闻】；</p>
        <p>9月7日，孙卓晒出赴南京工业大学报到、与父母、姐姐在校园打卡的合照，发文称“九月微风轻拂，来到梦开始的地方”。</p>
     </div>
     <!-- 底部导航 -->
      <footer>
        <a href="index.html">
            <img src="./imgs/home0.png" alt="">
            <p>小滴服务</p>
        </a>
        <a href="chuangye.html">
            <img src="./imgs/chuangye0.png" alt="">
            <p>创业项目</p>
        </a>
        <a href="fuwu.html">
            <img src="./imgs/fuwu0.png" alt="">
            <p>服务流程</p>
        </a>
        <a href="#" class="active">
            <img src="./imgs/pingtai1.png" alt="">
            <p>平台风采</p>
        </a>
        <a href="my.html">
            <img src="./imgs/my0.png" alt="">
            <p>我的小滴</p>
        </a>
      </footer>
</body>
</html>